body{
	color: #bfaecc;
	background:blanchedalmond url('./img/2.jpg') no-repeat 0px 0px;

}
.navbar-default{
	background: none;
	border: none;
	margin-top: 20px;
}

.box{
	height: 300px;
	margin-bottom:15px ;
	margin-top: 50px;
}
.box dl{
	color: #fff;
	width: 100px;
	height: 100px;
	text-align: left;
	border-radius: 10px;
    /*margin-top: -10px;*/
	box-sizing: content-box;
	padding: 10px;
	opacity: 0.7;
	float: left;
	margin: 10px;
	background: #000;
}
.container{
	width: 1000px;
	margin-top: -80px;
}
.container .xu{
	width: 150px;
	height: 120px;
	float: right;
	margin-right: 50px;
	margin-bottom: 150px;
	background: url("../img/03.jpg") no-repeat;
	background-size: cover;
	cursor: pointer;
	animation: hd 3s infinite;
}
.container .wang{
	text-align: center;
	/*line-height: 120px;*/
	color: white;
	font-weight: 700;
	font-style: inherit;
}
.logo-p{
	/*transition: all ;*/
	/*animation: hd 3s infinite;*/
	/*position: relative;*/
}
@keyframes hd {
	0%{
		width: 150px;
		height: 120px;
		line-height:120px;
	}
	50%{
		width: 200px;
		height:160px;
		line-height:160px;
	}
	100%{
		width: 150px;
		height:120px;
		line-height:120px;
	}
}

@-webkit-keyframes hd /*Safari and Chrome*/
{
	0%{
		width: 150px;
		height: 120px;
		line-height:120px;
	}
	50%{
		width: 200px;
		height:160px;
		line-height:160px;
	}
	100%{
		width: 150px;
		height:120px;
		line-height:120px;
	}
}
